<template>
	<view class="foot-box">
		<view class="logo-box">
			<u-image width="40rpx" height="40rpx" :src='logo'></u-image>
			<text class="img-text">Zzz Pay</text>
		</view>
		<view class="foot-content">
			由 智臻者(福建)信息科技有限公司 提供技术服务
		</view>
		<view class="">
			<text @click="$System.call('114')" class="main-color">联系客服</text>
		</view>
	</view>
</template>

<script setup>
	import {
		ref,
	} from 'vue'
	const logo = ref(`/static/images/logo1024.svg`)
</script>

<style>
	.foot-box {
		position: relative;
		display: flex;
		flex-direction: column;
		align-items: center;
		z-index: 0;
	}

	.logo-box {
		display: flex;
		padding-bottom: 30rpx;
	}

	.img-text {
		padding-left: 20rpx;
		color: #D8D8D8;
	}

	.foot-content {
		padding-bottom: 30rpx;
		color: #D8D8D8;
	}
</style>